<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>无双的静态小博客</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <div class="btn">
        <p> 👇 WATCH MY BLOG 👇 </p>
    </div>
    <div class="top">
        <a href="https://photo.wuyi.life/" target="_blank">我的相册</a>
        <a href="https://photo.wuyi.life/" target="_blank">我的文章</a>
        <a href="https://photo.wuyi.life/" target="_blank">我的留言</a>
        <a href="https://photo.wuyi.life/" target="_blank" style="float:right">无双的博客</a>
    </div>
    <div class="content">
    
        <h1 class="avr">Welcome to my website</h1>
    </div>


    <!-- <div class="yinyue">
        <img class="music" src="./33.png" alt="">
        <audio autoplay="autoplay" id="audio" loop="loop">
            <source src="./music1.mp3" type="audio/MP3">

        </audio>

    </div> -->
    <div class="row">
        <div class="centercolumn">
            <div class="card">

                <h2 id="biaoti">长春冰雪新天地</h2><br />
                <hr />
                <h4 id="qita">2024 年 1 月 19 日</h4>

                <p style="text-indent:2em">​长春冰雪新天地！</p>
                <p style="text-indent:2em">体验了很刺激的大滑道和彩虹滑道hhh</p>
                <p style="text-indent:2em">
                    ​到处拍拍拍 我们：真好看啊真好看啊
                    ​不虚此行！
                </p>
            </div>
            <br /><br />
            <div class="card">
                <h2 id="biaoti">人生滑雪初体验</h2><br />
                <hr />
                <h4 id="qita">2023 年 12 月 11 日</h4>
                <p style="text-indent:2em">
                    人生滑雪初体验！芜湖！
                </p>
                <p style="text-indent:2em">
                    ​超快乐www各种摔hhh
                    ​快乐的一天！
                </p>
                
            </div>

        </div>


    </div>
   
    
    <br /><br />
    <button class="bt" onclick="window.open('https://blog.csdn.net/weixin_73956119')">MY CSDN BLOG</button>

    <script>
    let mucics = document.getElementById('audio')
    document.body.addEventListener('mousemove', function() {
        setTimeout(() => {
            mucics.play();
        }, 2000);
    }, false);
    </script>
    
    <div class="footer">
        <br />
        <p>先把书读厚 再把书读薄</p><br />
        <p>wushuang's blog</p><br />
        <a href="https://blog.csdn.net/weixin_73956119" target="_blank"><img class="someimg" src="./hou.png" alt="" width="30"></a>
        <abbr title="QQ账号：75476676"><img class="someimg" src="./qq.png" alt="" width="30"></abbr>
        <abbr title="邮箱：chenjingyuan@nenu.edu.cn"><img class="someimg" src="./mail.png" alt="" width="30"></abbr>
    </div>
    <script>
        //鼠标点击出现爱心特效  这部分特效是从一个网页搬过来的  觉得挺好看的
        (function (window, document, undefined) {
            var hearts = [];
            window.requestAnimationFrame = (function () {
                return window.requestAnimationFrame ||
				window.webkitRequestAnimationFrame ||
				window.mozRequestAnimationFrame ||
				window.oRequestAnimationFrame ||
				window.msRequestAnimationFrame ||
				function (callback) {
				    setTimeout(callback, 1000 / 60);
				}
            })();
            init();
            function init() {
                css(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: absolute;}.heart:after{top: -5px;}.heart:before{left: -5px;}");
                attachEvent();
                gameloop();
            }
            function gameloop() {
                for (var i = 0; i < hearts.length; i++) {
                    if (hearts[i].alpha <= 0) {
                        document.body.removeChild(hearts[i].el);
                        hearts.splice(i, 1);
                        continue;
                    }
                    hearts[i].y--;
                    hearts[i].scale += 0.004;
                    hearts[i].alpha -= 0.013;
                    hearts[i].el.style.cssText = "left:" + hearts[i].x + "px;top:" + hearts[i].y + "px;opacity:" + hearts[i].alpha + ";transform:scale(" + hearts[i].scale + "," + hearts[i].scale + ") rotate(45deg);background:" + hearts[i].color;
                }
                requestAnimationFrame(gameloop);
            }
            function attachEvent() {
                var old = typeof window.onclick === "function" && window.onclick;
                window.onclick = function (event) {
                    old && old();
                    createHeart(event);
                }
            }
            function createHeart(event) {
                var d = document.createElement("div");
                d.className = "heart";
                hearts.push({
                    el: d,
                    x: event.clientX - 5,
                    y: event.clientY - 5,
                    scale: 1,
                    alpha: 1,
                    color: randomColor()
                });
                document.body.appendChild(d);
            }
            function css(css) {
                var style = document.createElement("style");
                style.type = "text/css";
                try {
                    style.appendChild(document.createTextNode(css));
                } catch (ex) {
                    style.styleSheet.cssText = css;
                }
                document.getElementsByTagName('head')[0].appendChild(style);
            }
            function randomColor() {
                return "rgb(" + (~~(Math.random() * 255)) + "," + (~~(Math.random() * 255)) + "," + (~~(Math.random() * 255)) + ")";
            }
        })(window, document);
    </script>
</body>
</html>
